<!doctype html>
<html lang="zh-CN">
{{template "head" .}}

<script src="/static/js/common.js"></script>
<script src="/static/js/info.js" defer></script>
<!--引入markdown插件-->
<script src="/static/mdeditor/lib/marked.min.js"></script>
<script src="/static/mdeditor/lib/prettify.min.js"></script>
<script src="/static/mdeditor/lib/raphael.min.js"></script>
<script src="/static/mdeditor/lib/underscore.min.js"></script>
<script src="/static/mdeditor/lib/sequence-diagram.min.js"></script>
<script src="/static/mdeditor/lib/flowchart.min.js"></script>
<script src="/static/mdeditor/lib/jquery.flowchart.min.js"></script>
<script src="/static/mdeditor/editormd.js"></script>
<!--引入markdown插件结束-->
<body class="user-select single">
    {{template "header"}}
    <!--当前文章bId-->
    <input type="hidden" id="bId" value="{{.bId}}">
    <!--当前页码-->
    <input type="hidden" id="curpage" value="{{.curpage}}">
    <!--当前分类ID-->
    <input type="hidden" id="catId" value="{{.catId}}">
    <!--当前标签ID-->
    <input type="hidden" id="lId" value="{{.lId}}">
    <!--关键词，搜搜内容-->
    <input type="hidden" id="keywords" value="{{.keywords}}">
    <section class="container">
        <div class="content-wrap">
            <div class="content">
                <header class="article-header" id="blog_header">
                    <!--文章头部信息，包括：标题、作者、浏览次数、添加时间、评论次数、分类-->
                    <h1 class="article-title" id="bTitle"></h1>
                </header>
                <div class="article-content" id="bContent-div">
                    <!--文章主体内容-->
                    <textarea style="display: none;" id="bContent"></textarea>
                </div>
                <div class="article-tags">标签
                    <a href="#" rel="tag" id="bLabel"></a>
                </div>
                <div id="postcomments" style="display: none;">
                    <div class="title">
                        <h3>评论</h3>
                    </div>
                    <div id="respond">
                        <form id="comment-form" name="comment-form" action="" method="POST">
                            <div class="comment">
                                <input name="uName" class="form-control" size="22" placeholder="您的昵称（必填）" maxlength="15" autocomplete="off" tabindex="1" type="text">
                                <input name="uEmail" class="form-control" size="22" placeholder="您的网址或邮箱（非必填）" maxlength="58" autocomplete="off" tabindex="2" type="text">
                                <div class="comment-box">
                                    <textarea placeholder="您的评论或留言（必填）" name="rContent" cols="100%" rows="3" style="width: 100%;" tabindex="3"></textarea>
                                    <div class="comment-ctrl">
                                        <button type="button" name="comment-submit" id="comment-submit" tabindex="4">评论</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!--以下区域显示评论内容，异步获取-->
                <div id="comments">
                    <ol id="comment_list" class="commentlist">
                        <!--显示评论内容-->

                    </ol>
                </div>
            </div>
        </div>
        <aside class="sidebar">
            <div class="fixed">
                <div class="widget widget-tabs">
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#notice" aria-controls="notice" role="tab" data-toggle="tab" draggable="false">统计信息</a>
                        </li>
                        <li role="presentation">
                            <a href="#contact" aria-controls="contact" role="tab" data-toggle="tab" draggable="false">联系站长</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane contact active" id="notice">
                            <h2>文章总数: <span id="blogNum"></span>篇</h2>
                            <!--后期增加当天天气信息-->
                            <h2>浏览次数：<span id="viewNum"></span>次</h2>
                        </div>
                        <div role="tabpanel" class="tab-pane contact" id="contact">
                            <h2>QQ：<a href="" rel="nofollow" data-toggle="tooltip" data-placement="bottom" title=""><span id="user_qq"></span></a>
                            </h2>
                            <h2>Email：<a href="" data-toggle="tooltip" rel="nofollow" data-placement="bottom" title=""><span id="user_email" style="font-family: auto;"></span></a></h2>
                        </div>
                    </div>
                </div>
                <div class="widget widget_search">
                    <div class="input-group">
                        <input type="text" name="keywords" class="form-control" size="35" placeholder="请输入关键字" maxlength="15" autocomplete="off">
                        <span class="input-group-btn">
                            <button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
                        </span>
                    </div>
                </div>
                <div class="widget widget_hot">
                    <h3>点击排行榜</h3>
                    <ul id="topViewBlos">

                    </ul>
                </div>
                <div id="friendlyUrl" class="widget widget_sentence">
                    <h3>友情链接</h3>
                </div>
            </div>
        </aside>
    </section>
    {{template "footer"}}

</body>
</html>